<template>
  <div class="content">
    <!-- <div class="breadcrumb" :gutter="24">站点配置</div> -->
    <el-tabs v-model="activeName">
      <el-tab-pane :label="$t('system.basic_configuration')" name="a">
        <form1></form1>
      </el-tab-pane>
      <!-- <el-tab-pane :label="$t('system.dae_configuration')" name="b">
       <form2></form2> 
        <daeConfForm />
      </el-tab-pane> -->
      <!-- <el-tab-pane label="Redis" name="c">
        <form3></form3> -->
      <!-- </el-tab-pane> -->
      <!--            <el-tab-pane label="Auth" name="d">-->
      <!--                <form4></form4>-->
      <!--            </el-tab-pane>-->
    </el-tabs>
  </div>
</template>

<script>
import form1 from './template/form1.vue'
import form2 from './template/form2.vue'
import form3 from './template/form3.vue'
import daeConfForm from './template/daeConfForm.vue'
export default {
  components: {
    form1,
    form2,
    form3,
    daeConfForm,
    // form4
  },
  data () {
    return {
      activeName: "a",

    }
  },
  created () {

  },
  methods: {

  },
}
</script>

<style scoped>
.content {
  padding: 20px 0;
}
</style>